@tailwind base;
@tailwind components;
@tailwind utilities;
/* @layer 是一个 CSS 规则，用于定义样式层。它允许你将样式分组到不同的层中，以便更好地控制样式的优先级和组织方式。Tailwind CSS 3.0 引入了 @layer 规则，以便更好地管理自定义样式和 Tailwind 的内置样式。
在这段代码中，@layer components 定义了一个名为 components 的样式层。 */
@layer components {
  .flex-c {
    /* @apply 是 Tailwind CSS 提供的一个指令，用于在自定义的 CSS 类中应用一组 Tailwind 的实用工具类。它允许你将多个 Tailwind 实用工具类组合成一个自定义的类，从而简化样式的管理 */
    @apply flex justify-center items-center;
  }
}
